@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: '微软雅黑';
	background: #fafafa;
	
}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	max-width:100%;
}
a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
input, textarea {
	outline: 0;
	resize: none;
	border: none;
	_border: 0;
	margin: 0;
	padding: 0;
}
select {
	border: 0;
}
input {
	margin: 0;
	padding: 0;
	border: none;
}
table, table td {
	border-collapse: collapse;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}


.lianjie {
	margin-bottom: 20px;
}
.lianjie li{
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
}
.lianjie li:nth-of-type(15){
	margin-left: 62px;
}
.lianjie li:nth-of-type(28){
	margin-left: 62px;
}
.lianjie li:nth-of-type(41){
	margin-left: 62px;
}

.wrap{
	width: 1680px;
	margin: 0px auto;
}
.div1200{
	width: 1200px;
	margin: 0px auto;
}
.nav > ul > li{
	float: left;
	margin-left: 60px;
}
.nav > ul > li > a{
	display: block;
	line-height: 100px;
	font-size: 16px;
	color: #fff;
}
.header{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}

.logo{
	width: 186px;
    margin-top: 23px;
}

.logo img {width:100%;}
.want > a {
	background: #fff;
	display: block;
	border-radius: 25px;
	
}
.want > a span{
	display: block;
	padding: 5px 50px 5px 25px;
	background: url(../img/xsj_03.png)no-repeat right;
	background-position: 85%;
	font-size: 16px;
	color: #0a6cad;
}
.want{
	
	margin-right: 15px;
	padding: 35px 0px 35px;
}
.search ul li{
	float: left;
}
.search ul li a{
	display: block;
}
.mai{
	width: 120px;/*width: 68px;*/ padding-left: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	background: #098ec1;
	margin-left: 25px; background:#098ec1 url(../img/phone.png) left 15px center no-repeat;
}
.en{
	width: 45px;
	height: 30px;
	
	line-height: 30px;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	background: #0a6cad;
	margin-left: 12px;
	padding: 0px 12px;
}
.search{
	margin-left: 45px;
	margin-top: 35px;
}
.fdj{
	margin-top: 7px;
}
.head{
	position: relative;
}
.xl_div{
	position: absolute;
	top: -800px;
	left: 0px;
	width: 100%;
	background: #fafafa;
	opacity: 0;/* padding-bottom: 20px;*/
}
.xl_div .swiper-button-prev,.xl_div .swiper-container-rtl .swiper-button-next{
	background: url(../img/nn8_03.png)
}
.xl_div .swiper-button-next,.xl_div .swiper-container-rtl .swiper-button-prev{
	background: url(../img/nn8_05.png)
}
.xl_div .swiper-button-next,.xl_div  .swiper-button-prev{
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}

.xl_nav > ul > li{
	width: 25%;
	float: left;
	height: 440px;
}
.xl_nav > ul > li .swiper-slide img{
	width: 100%;
}
.xl_box{
	border-right: 1px solid #dedede;
	height: 100%;
	text-align: center;
}
.xl_nav > ul > li:nth-child(4) .xl_box{
	border: 0px;
}
.div1200{
	width: 1200px;
	margin: 0px auto;
}
.xl_box a{
	display: block;
}
.xl_box span{
	display: block;
	font-size: 16px;
	color: #666666;
}
.one_a{
	padding-top: 40px;
}
.two_a{
	padding-top: 55px;
}
.nav > ul > li:hover .xl_div{
	opacity: 1;
	top: 100%;
}
.nav > ul > li:hover a{
	color: #0a6cad;
}
.want_nav ul li{
	width: 25%;
	float: left;
}
.want_div{
	position: absolute;
	top: 100%;
	left: 0px;
	background: #fafafa;
	min-height: 460px;
	width: 100%;
	display: none;
}
.want:hover .want_div{
	display: block;
}
.wan_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	width: 140px;
	border-bottom: 1px solid #dedede;
	padding-bottom: 20px;
}
.wan_txt a{
	display: block;
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
}
.wan_txt a:hover{
	color: #0a6cad;
}
.want_nav{
	margin-top: 60px;
}
.number_nav ul li{
	float: left;
	width: 25%;
	text-align: center;
	height: 90px;
	padding: 40px 0px 30px;
	background: #f2f2f2;
}
.number_nav ul li:nth-child(2n){
	background: #fafafa;
}
.number_nav ul li p{
	font-size: 16px;
	color: #999999;
}
.number_nav ul li span{
	display: inline-block;
	font-size: 36px;
	color: #0a6cad;
	line-height: 45px;
}
.number_nav{
	 box-shadow: 0 9px 20px 0 hsla(230,9%,48%,.2);
}
.main_top{
	margin-top: -80px;
	position: relative;
	z-index: 999;
}
.box_top{
	margin: 100px 0px 60px;
	text-align: center;
}
.box_top span{
	font-size: 36px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}
.box_top p{
	font-size: 24px;
	color: #333333;
	text-transform: uppercase;
	font-family: "Arial";
}
..slick-vertical .slick-slide{
	width: 26%;
}
.Product_l ul li{
	line-height: 80px;
	height: 80px;
	background: #ededed;
}
.Product_l ul li a{
	padding: 0px 25px 0px 35px;
	display: block;
	font-size: 18px;
	color: #333333;
}
.Product_l ul li a:hover{
	color: #333333;
}
.Product_l ul li:nth-child(2n){
	background: #f2f2f2;
}
.main{
	background: #fafafa;
}
.Product_l ul .por_on a{
	background: #0a6cad;
}
.Product_l ul .por_on a{
	color: #fff;
}
.Product_l ul .por_on a:hover{
	color: #fff;
}
.Product_r{
	width: 72.5%;
}
.pro_tab{
	display: none;
}
.pro_tab_on{
	display: block;
}
.prou_nav ul li{
	float: left;
	width: 25%;
}
.prou_nav ul li a{
	display: block;
	margin-right: 10px;
}
.prou_nav ul{
	margin-right: -10px;
}
.prou_nav{
	margin-top: 20px;
}
.Product{
	margin-bottom: 100px;
}
.solution{
	background: url(../img/xi_02.jpg)no-repeat center;
	background-size: cover;
	height: 800px;
	position: relative;
}
.solution_top{
	position: absolute;
	text-align: center;
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.solution_top span{
	font-size: 36px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.solution_top p{
	font-size: 24px;
	color: #fff;
	font-family: "Arial";
	text-transform: uppercase;
}
.solution_nav {
		overflow: hidden;
}
.solution_nav ul li{
	position: relative;
	width: 20%;
	
	height: 800px;
	text-align: center;

	float: left;
}
.solution_div{
	border-right: 1px solid #7f8293;
	width: 100%;
	height: 100%;
}
.solution_nav ul li:nth-child(5){
	border: none;
}
.solution_nav ul li span{
	display: block;
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	bottom: 160px;
	width: 100%;
}
.solution_box dd{
	font-size: 24px;
	color: #ffffff;
	width: 100%;
}
.solution_box a{
	display: block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #fff;
	border-radius: 3px;
	margin: 45px auto 0px;
	font-size: 14px;
	color: #1373b4;
	font-family: "Arial";
}
.solution_box{
	width: 100%;
	height: 100%;
	background: rgba(10,108,173,0.6);
	position: absolute;
	top: -1500px;
	left: 0px;
	 -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
	opacity: 0;
}
.solution_more{
	position: absolute;
	bottom: 230px;
	width: 100%;
}
.solution_nav ul li:hover .solution_box{
	top: 0px;
	visibility: visible;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    opacity: 1;
}
.solution_nav ul li:hover span{
	display: none;
}
.case_box{
	/*background: url(../img/case_02.jpg)no-repeat center;*/
	background-size: cover;
}
.case_r{
	width: 480px;
}

.case_top{
	text-align: center;
}
.case_top span{
	display: block;
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin-bottom: 10px;
}
.case_top p{
	font-size: 24px;
	color: #333;
	font-family: "Arial";
}
.case_r{
	background: #f0f0f0;
	height: 406px;
}
.case_txt{
	margin: 80px 60px 0px 40px;
	
}
.case_txt span{
	display: block;
	font-size:  24px;
	color: #333333;
	margin-bottom: 40px;
}
.case_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.case_txt a{
	display: block;
	font-size: 14px;
	color: #0a6cad;
	text-transform: uppercase;
	margin-top: 60px;
}
.case .swiper-button-prev,.case .swiper-container-rtl .swiper-button-next {
    background-image:url(../img/caser_03.png);
    left: 0px;
    right: auto;
}
.case .swiper-button-next,.case .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/casel_05.png);
    right: 0px;
    left: auto;
}
.case .swiper-button-next,.case .swiper-button-prev{
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
	opacity: 1;
	/*bottom: 120px;*/bottom: 35%;
	top: inherit;
	outline: none;
}
.case .swiper-button-next:hover{
	background-image:url(../img/caser_05.png);
}
.case .swiper-button-prev:hover{
	background-image: url(../img/casel_03.png);
}
.case .swiper-button-next.swiper-button-disabled,.case .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: inherit;
	
}
.news_l{
	position: relative;
}
.news_bom{
	position: absolute;
	bottom: 0px;
}
.time{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 75px;
	height: 55px;
	padding: 30px 12px 25px;
	background: url(../img/nwesbj_03.jpg)no-repeat;
	text-align: right;
	z-index: 9;
}
.time h3{
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	font-family: "Arial";
	display: block;
	margin-bottom: 10px;
}
.time p{
	font-size: 18px;
	color: #fff;
	font-family: "Arial";
}
.news_bom{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.news_bom span{
	display: block;
	font-size: 24px;
	color: #fafafa;
	background: rgba(10,108,173,0.9);
	padding-left: 30px;
	line-height: 80px;
}
.news_r{
	width: 930px;
}
.news_nav ul li{
	position: relative;
}
.news_nav_l{
	position: absolute;
	left: 0px;
	width: 120px;
}
.news_nav_l span{
	display: block;
	font-size: 29px;
	color: #333333;
	font-family: "Arial";
}
.news_nav_l p{
	font-size: 18px;
	color: #333333;
	font-family: "Arial";
}
.news_nav_r{
	padding-left: 120px;
}
.news_nav_r span{
	display: block;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.news_nav_r p{
	font-size: 14px;
	color: #999999;
	overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.news_nav ul li{
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	padding-bottom: 23px;
	margin-bottom: 24px;
}
.news_nav ul li:hover .news_nav_r span{
	color: #0a6cad;
}
.news_more{
	text-align: center;
	padding: 45px 0px 32px;
}
.news_more a{
	font-size: 14px;
	color: #0a6cad;
	text-transform: uppercase;
	display: inline-block;
}
.about_l{
	width: 625px;
}
.about_l span{
	font-size: 30px;
	color: #333333;
	display: block;
}
.about_l h3{
	font-size: 50px;
	color: #333333;
	font-family: "Arial";
	text-transform: uppercase;
}
.about_l p{
	font-size: 30px;
	color: #666666;
	line-height: 60px;
	display: block;
	margin: 40px 0px 100px;
}
.about{
	background: #fff;
	padding: 30px 0px;
}
.about_more a{
	display: block;
	background: #0a6cad;
	width: 195px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	
}

.intitle{ width:1200px; height:auto; margin:0 auto 30px; overflow:hidden;}
.intitle h1{ font-size:30px; text-align:center; line-height:30px; color:#333;}
.intitle img{ width:460px; height:3px; display:block; margin:17px auto 20px;}


.bar{ display:none !important;}

@media screen and (max-width:640px) {
	.intitle{ width: 100%;}
	.intitle img{ width: 90%; margin: 5% 5% 2%;}
	
	.csfzAll{ display:none !important;}
	
	.bar{ display:inherit !important;}
	}
.aboT{ width:1200px; height:350px; margin:0 auto 10px; overflow:hidden;}
.aboT-l{ width:560px; height:350px; display:block; overflow:hidden;}
.aboT-l img{ width:560px; height:350px; display:block;}
.aboT-r{ width:600px; height:350px; overflow:hidden;}
.aboT-r h1{ font-size:28px; text-align:left; line-height:60px; color:#0a6cad; font-weight:500;}
.aboT-r p{ font-size:16px; text-align:left; text-indent:36px; line-height:32px; color:#333;}
@media screen and (max-width:640px) {
	.aboT{ width: 100%;height:auto; margin:0 auto 0px;}
	.aboT-l{ width:100%; height:auto; display:block; overflow:hidden; float: none;}
	.aboT-l img{ width:100%; height:auto; display:block;}
	.aboT-r{ width:100%; height:auto; overflow:hidden;float: none;}
	.aboT-r h1{ font-size:20px; text-align:left; line-height:40px; color:#0a6cad; font-weight:500;}
	.aboT-r p{ font-size:16px; text-align:left; text-indent:32px; line-height:32px; color:#333;}
	
	
	.csfzAll{ display:none !important;}
	.bar{ display:inherit !important;}
	}
.about_r{	width: 1200px;}
.about_r p{	font-size: 16px;	line-height: 32px;	color: #333; text-indent: 32px;}
.about_r_nav{
	margin-top: 50px;
}
.about_r_nav ul li{
	width: 25%;
	float: left;
	text-align: center;
}
.about_r_nav p{
	font-size: 16px;
	color: #999999;
}
.about_r_nav span{
	font-size: 36px;
	color: #0a6cad;
	display: inline-block;
}
.about_r_img video
{
    width:880px;
    height:450px;
     object-fit: fill;

}
.advantage{
	background: url(../img/dend_02.jpg)no-repeat;
	background-size: cover;
	
}
.advantage_l span{
	font-size: 60px;
	color: #fff;
	font-weight: 100;
	display: block;
	font-family: "思源黑体 CN"
}
.advantage_l p{
	font-size: 24px;
	color: #fff;
	font-family: "思源黑体 CN";
	font-weight: 100;
}
.advantage_l a{
	display: block;
	width: 180px;
	font-size: 18px;
	color: #333333;
	height: 60px;
	line-height: 60px;
	background: #fff;
	text-align: center;
	margin-top: 115px;
}
.advantage_l{
	margin-top: 150px;
	margin-left: 240px;
}
.advantage_r{
	width: 640px;
	
}
.advantage_r ul li{
	background: #0c65a0;
	height:50px;
	padding: 50px 0px;
	opacity: 0.9;
}
.advantage_r ul li:nth-child(2n){
	opacity: 0.8;
}
.advantage_r ul li span{
	font-size: 24px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
}
.advantage_r ul li p{
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	text-transform: uppercase;
}
.advantage_r ul li a{
	display: block;
	padding-left: 55px;
}
.ft_nav ul li{
	width: 18%;
	float: left;margin: 0 1%;
}
.ft_nav span{
	display: block;
	font-size: 22px;
	color: #ffffff;
	margin-bottom: 35px;
}
.ft_nav a{
	font-size: 16px;
	display: block;
	color: #999999;
	margin-bottom: 20px;
}
.footer{
	background: #212121;
	padding-top: 80px;
}
.fl_t span{
	font-size: 24px;
	color: #fff;
	display: inline-block;
	margin-bottom: 40px;
}
.ft_nav{width:70% ;
	margin-bottom: 75px;
}
.fl_t i{
	margin-right: 20px;
}
.fl_t dd{
	font-size: 16px;
	color: #dedede;
}
.fl_t h3{
	display: block;
	font-size: 36px;
	color: #fff;
	font-family: "Arial";
	margin: 25px 0px;
	font-weight: normal;
}
.fl_t p{
	font-size: 18px;
	color: #dedede;
	line-height: 45px;
}
.ft_nav a:hover{
	color: #fff;
}
.fl_r{
	width: 1010px;
	
}
.fl_two{
	display: none;
}
.fl_lnav ul li{
	float: left;
	margin-right: 15px;
}
.fl_lnav ul li:hover .fl_two{
	display: inline-block;
}
.fl_lnav ul li:hover .fl_one{
	display: none;
}
.fl_lnav{
	margin-top: 30px;
}
.fl_r_t span{
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin-bottom: 20px;
}
.fl_r_t p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.fl_r ul li{
	width: 50%;
	float: left;
	margin-bottom: 60px;
}
.end_nav a{
	display: inline-block;
}
.end{
	background: #131313;
	padding: 40px 0px;
}
.end p{
	font-size: 14px;
	color: #999999;
    margin-left:25%;
}
.end a{
	font-size: 14px;
	color: #999999;
	margin-left: 40px;
}
.end_first{
	background: url(../img/zzsj_03.png)no-repeat right;
	padding-right: 15px;
	display: inline-block;
	color: #999999;
	font-size: 14px;
	position: relative;
}
.end a:hover{
	color: #fff;
}
.en{
	position: relative;
}
.en_xl{
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	z-index: 999;
	background: rgba(255,255,255,0.9);
	display: none;
	text-align: center;
}
.search .en_xl a{
	display: block;
	color: #666;
}
.search a{
	color: #fff;
}
.search .en_xl a:hover{
	color: #0a6cad;
}
.search ul li:hover .en_xl{
	display: block;
}
.search_k{
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 25px;
	border: 1px solid #999;
	background: #fff;
	position: absolute;
	z-index: 3;
	top: -12px;
	left: -180px;
	padding-left: 10px;
	display: none;
}
.fdj{
	position: relative;
}
.fdj img{
	position: relative;
	z-index: 999;
}
.search ul li:hover .search_k{
	display: block;
}
.m_head{
	display: none;
}
.pro_l{
	position: relative;
}
.pro_r{
	position: relative;
}
.pto2_a{
	display: none;
}
.pto_a{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 0px;
}



/*手机头部*/
.rightNav{
    width: 100%;
    max-width: 100%;
    height: 100%;
    background:#fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -100%;

}
.mbnt{
	margin-top: 10px;
}
.mtop_txt{
	margin-left: 30px;
	margin-top: 15px;
}

.m_head{
	padding: 15px 0px;
	width: 100%;
	background:rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}
.mlogo{
	width: 180px;
}
.mbnt .subNavBox .sub_nav{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e1e4e8;
}
.temb_top{
	padding: 5% 0px;
	border-bottom: 1px solid #0a6cad;
}
.mbnt .subNavBox .currentDd {
	background: #0a6cad;
	color: #fff;
}
.mbnt .subNavBox .sub_nav .sub{
	background: url(../img/youjt_03.png)no-repeat right;
}
.mbnt .subNavBox .currentDd .sub{
	background: url(../img/xjt_03.png)no-repeat right;
	background-size: 18px;
}
.mbnt .navContent a{
	font-size: 16px;
	color: #666666;
	display: block;
	height: 60px;
	line-height: 60px;border-bottom: 1px solid #d6d6d6;
	background: #f5f5f5;
}
.mbnt .navContent span{
	display: block;
}
.mbnt .navContent a:hover{
	color: #1356b1;
}
.msearch{
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	background: #f0f9ff;
	margin-top: 30px;
}
.mk{
	width: 270px;
	line-height: 60px;
	height: 60px;
	margin-left: 30px;
	font-size: 18px;
	color: #999999;
}
.part2_r{
	display: none;
}
.par3_nav ul li{
	width: 50%;
	float: left;
}
.par3_banner .swiper-pagination-bullet{
	background: #fff;
	width: 14px;
	height: 14px;
	opacity: 1;
}
.par3_banner .swiper-pagination-bullet-active{
	background: #f7b52c;
}
.par3_banner{
	display: none;
}
.end_l ul li  a{
	font-size: 14px;
}
.mjt {
	margin-top: 8px;
}
.m_head .search{
	margin-top: 15px;
	margin-right: 20px;
}
.en span{
	display: block;
	background: url(../img/wsj_03.png)no-repeat right;
	background-position: 90%;
}
.m_search{
	background: #0a6cad;
	padding: 0px 30px;
}
input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #fff; 
font-size: 18px;
} 

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #fff; 
font-size: 18px;
} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #fff; 
font-size: 18px;
} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #fff; 
font-size: 18px;
} 
.m_searl{
	width: 80%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #fff;}
.mfdj{
	position: relative;
	bottom: 18px;
}
.mbanner{
	display: none;
}
.mpro .swiper-slide img{
	width: 100%;
}
.mpro .swiper-pagination{
	text-align: right;
}
.mpro{
	display: none;
}


.mpro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	opacity: 1;
}

.mpro .swiper-pagination-bullet{
	background:rgba(0,0,0,0);
	border-radius: 50%;
	border: 1px solid #fff;
}
.mpro .swiper-pagination-bullet-active{
	background: #fff;
}
.mpro .swiper-container-horizontal>.swiper-pagination-bullets,.mpro .swiper-pagination-custom, .swiper-pagination-fraction{
	left: inherit;
	right: 30px;
	bottom: 30px;
}
.mpro_nav ul li{
	width: 46%;
	margin-top: 10px;
	display: inline-block;
}
.mpro_nav ul li a{
	margin-right: 10px;
	display: block;
}
.mpro_nav ul{text-align: center;}
.mpro_nav{
	margin-bottom: 50px;
}
.case_lb{
	display: none;
	height: 500px;
	position: relative;
}
.case_lb dd{
	display: block;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 100%;
}
.case_lb a{
	display: block;
	height: 500px;
	
}
.csae_txt{
	height: 500px;
	position: relative;
	border-left: 1px solid #7f899b;
}
.case_lb .swiper-pagination-bullet{
	background: none;
	border: 1px solid #fff;
	opacity: 1;
}
.case_lb .swiper-pagination-bullet-active{
	background: #fff;
}
.case_lb .swiper-pagination {
    position: absolute;
    text-align: right;
    z-index: 10;
	
}
.case_lb .swiper-container-horizontal>.swiper-pagination-bullets,.case_lb .swiper-pagination-custom,.case_lb .swiper-pagination-fraction{
	right: 30px;
	bottom: 30px;
	left: inherit;
}
.adv{
		display: none;
	}
.adv_box{
	padding: 5%;
}
.mbx{
	font-size: 14px;
	color: #666666;
}
.mbx a{
	font-size: 14px;
	color: #666666;
}
.div2002{
	width: 1200px;
	margin: 0px auto;
}

.nycase_top{
	width: 1200px;
	padding: 25px 0px;
	border-bottom: 1px solid #dedede; margin: 0 auto;
}
.nycase_top img{
	margin-right: 25px;
	position: relative;
	top: -3px;
}
.mbx a:hover{
	color: #0a6bac;
}
.nycase_nav ul li{
	float: left;
	width: 585px;
	position: relative;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.nycase_nav ul li:nth-child(2n){
	margin-right: 0px;
}
.nycase_nav ul li img{
	width: 100%;
}
.nycase_nav ul li span{
	display: block;
	position: absolute;
	bottom: 30px;
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.nycase_nav ul li a{
	display: block;
}
.nycase_box{
	margin: 40px 0px;
}
.nycase_nav ul li img {
    transition: all 1s;
}
.nycase_nav ul li:hover img {
    transform: scale(1.2);
}
.ny_dh ul li{
	display: inline-block;
	width: 155px;
	margin: 0px 20px; 
	position: relative; /* border-radius: 10px;overflow: hidden;background: rgba(255,153,0,0.8);*/
}
.nybanner{
	position: relative;
}
.ny_dh{
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.ny_dh ul li a{
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #fff;
	/*padding-top: 10px;*/ padding-bottom: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.lsj{
	    position: absolute;
	    bottom: -20px;
	    width: 100%;
	    text-align: center;
	    display: none;	
}
.ny_dh ul li:hover{
	color: #f90; /*background: rgba(0,144,255,0.9);*/}
.ny_dh ul li a:hover{
	color: #f90;font-weight: bold;
	border-bottom: 1px solid #f90;
	 transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
}
.ny_dh ul li a:hover .lsj{	display: block;}
.ny_dh ul li:hover .lsj{	display: block;}
.nypro_top{
	margin: 65px 0px 50px;
}
.nypro_top span{
	font-size: 30px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
}
.nypro_top p{
	font-size: 18px;
	color: #dedede;
	text-transform: uppercase;
	font-family: "Arial";
}
.nypro_nav ul li a{
	padding: 40px;
	background: #fff;
	display: block;
}
.nypro_nav ul li{
	background: #f2f2f2;
	
	width: 380px;
	transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.nypro_nav ul li:nth-child(3n){
	margin-right: 0px;
}
.nypro_nav ul li span{
	display: block;
	font-size: 16px;
	color: #666666;
	text-align: center;
	border-top: 1px solid #dedede;
	padding-top: 30px;
	margin: 0px 40px;
}
.nypro_nav ul li:hover{
	 transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
	box-shadow: 5px 8px 1px rgba(0,0,0,0.3);
}

.nypro_nav_img{
	text-align: center;
}
@media screen and (max-width:640px) {
.nypro_nav_img img{
	text-align: center; height:100px !important;
	
}

.csfzAll{ display:none !important;}

.bar{ display:inherit !important;}
}
.fy {
	text-align: center;
	margin-top: 40px;
}
.fy a{
	display: inline-block;
	/*width: 43px;*/ padding:0 10px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	font-family: "Arial";
}
.up{
	background: none;
	margin-right: 15px;
}
.next{
	background: none;
	margin-left: 15px;
}
.fy .up:hover{
	background: none;
	color: #666666;
}
.fy .next:hover{
	color: #666666;
	background: none;
}
.fy a:hover{
	color: #fff;
	background: #0a6cad;
}

.fy .a_on{
	color: #fff;
	background: #0a6cad;
}
.fy_more{display: none;}
.fy_more a{
	display: block;
	margin: 5% 0px;
	text-align: center;
	font-size: 16px;
	color: #666;
	
}
.nypro{
	margin-bottom: 100px;
}



/*手机下拉*/
.m_xl{
  position: relative;
  width: 100%;
  background: #0a6cad;
display: none;
}
.m_xl span{
  color: #fff;
  font-size: 18px;
  display: block;
  padding: 3% 0px;
  width: 92%;
  margin: 0px auto;
  background: url(../img/jiaaa_03.png)no-repeat right;
  background-size: 18px;
}
.m_xlnav{
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
	z-index: 99;
	display: none;
	background: #fff;
}
.m_xlnav ul li{
 
  padding: 2% 0px;
  background: #f2f2f2;
  margin-bottom: 1px;
}
.m_xlnav ul li a{
  font-size: 16px;
  color: #565656;
  margin: 0px auto;
  display: block;
}

/*end*/
.ny_dh ul .dh_on{ /*background: rgba(0,144,255,0.9);*/}
.ny_dh ul .dh_on a{
	top: -20px;
	color: #f90; font-weight: bold;
	border-bottom: 1px solid #f90;
	position: relative;
	z-index: 99;
}
.ny_dh ul .dh_on a .lsj {
    display: block;
	
}
.ny_dh ul .dh_on a:hover{
	 transform: translate(0,-0px);
    -webkit-transform: translate(0,-0px);
    -moz-transform: translate(0,-0px);
    -o-transform: translate(0,-0px);
    -ms-transform: translate(0,-0px);
}
.ny_dh ul .dh_on a:hover .lsj {
    display: block;
	
}





.news .list ul{ margin-right: -72px; }
.news .list li{ float:  left; margin-bottom: 65px;}
.news .list li .box{ width: 352px; margin-right: 72px; height: 430px; border-bottom: #959595 solid 1px; -webkit-transition: all .2s linear; transition: all .2s linear; position: relative;}
.news .list .li01 .box{ width: 776px; border-bottom: none;} 
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;}
.news .list li .name a{ color: #353535; }
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; }
.news .list li .content a{ color: #949494; }
.news .list li .botDiv{ padding-top: 25px; position: relative;}
.news .list li .time a{ color: #bfbfbf; }
.news .list li .add{ position: absolute; right: 0px; top: 25px; width: 11px; height: 11px;}
.news .list li .imgDiv2{ position: relative; }
.news .list li .imgDiv2 img{width: 100%;/* height:auto; */}
.news .list li .wen{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 80px; background:rgba(10,108,173,0.9); }
.news .list li .name2{ padding-left: 38px; height: 80px; line-height: 80px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; }
.news .list li .time2{ position: absolute; right: 40px; top: 0px; line-height: 52px; color: #fff; }
.news .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
.pageBox{
	margin: 70px 0px 100px;
}



.newShow{ border: #dedede solid 1px; padding: 40px 28px; }
.newShow .name{ text-align: center; font-size: 24px; color: #333; padding-bottom: 25px; }
.newShow .timeold{ text-align: center; padding-bottom: 25px; }
.newShow .timeold em{ font-size: 14px; color: #999; padding: 0 36px; }
.newShow .content{ font-size: 14px; line-height: 30px; padding-bottom: 35px; }
.newShow .content .imgDiv{ padding: 25px 0; text-align: center; }
.newShow .content img{ max-width: 822px; }


.sideNews{ padding-top: 40px; }
.sideNews .title{ height: 56px; background:#e3e1e9; padding-left: 18px; color: #333; font-size: 22px; line-height: 56px; }
.sideNews .list li{ position: relative; margin-bottom: 20px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.5); font-size: 16px; color: #fff; height: 50px; width:100%;}
.sideNews .list li .name em{ padding: 0 10px; display: block; line-height: 50px; overflow: hidden; }
.sideNews .list li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.shareNews{ height: 50px; padding-left: 43px; position: relative; padding-bottom: 30px; overflow: hidden;}
.shareNews em{ position: absolute; left: 0px; top: 0px; line-height: 50px; font-size: 14px; }
.shareNews li{ float: left; width: 50px; height: 50px; margin-right: 17px; }

.pageDown{height:132px; position:relative;}
.pageDown .box{ border-top:#ddd dashed 1px; padding-top:32px; padding-right: 200px;}
.pageDown .btn{ color: #666; position:absolute; display:block; top:50px; right:0px; width:174px; height:48px; background:url(../img/btn1.jpg) no-repeat; text-indent:56px; line-height:48px; font-size:16px;}
.pageDown .btn:hover{ color: #fff;  background:url(../img/xqbnt_03.png) no-repeat;} 
.pageDown li{ height:48px; line-height:48px; overflow:hidden; position:relative; font-size:16px;}
.pageDown li b{ color:#333;}

.w880{ width:880px; overflow:hidden;}
.w280{ width:280px; overflow:hidden;}
.w280-2{ padding-top:34px;}

.searchNews{ background: #e3e1e9; padding: 13px 18px 22px; }
.searchNews .title{ font-size: 22px; color: #333; padding-bottom: 10px; }
.searchNews .form{ position: relative; height: 40px; background: #fff; }
.searchNews .form .input1{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-indent: 15px; color: #999; }
.searchNews .form .btn1{ position: absolute; right: 0px; top: 0px;  width: 40px; height: 40px; background: #c2c2c2 url(../img/nimg16_2.png) no-repeat center;}
.pageDown ul li a:hover{
	color: #086aab;
}
.bq {
	margin-top: 40px;
}
.bq span{
	font-size: 14px;
	font-weight: bold;
	color: #444444;
}
.bq a{
	color: #086aab;
	font-weight: bold;
	text-decoration: underline;
}
.content{
	/*border-top: 1px dashed #dddddd;*/
	padding-top: 40px;
}


.pro2_box_limg{
	background: url(../img/cpzxbj_03.jpg)no-repeat center;
	background-size:  cover;
	text-align: center;
	padding: 46.5px 0px;
	height: 163px;
}
.pro2_box_l{
	width: 272px;
}
.pro2_box_limg span{
	display: block;
	font-size: 18px;
	color: #ffffff;
}
.pro2_box_l_txt{
	background: #089fd9;
	text-align: center;
	line-height: 84px;
	
}
.pro2_box_l_txt span{
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	background: url(../img/cpjt_03.png)no-repeat right;
	padding-right: 20px;
}
.pro2_box_l_txt a{
	display: block;
}

.prod2one a{
	display: block;
}
.pro2_box_r{
	width: 928px;
	position: relative;
	
}

.prod2one a img {height:auto;}


.let_box span{
	display: block;
	font-size: 14px;
	color: #666666;
	display: block;
	margin-top: 10px;
	/* line-height: 29px; */
}
.let_box{
	text-align: center;
	border-right: 1px solid #dedede;
	margin-top:20px; padding:0 9px 0 10px;
}
.pro2_box_r_nav .swiper-button-prev,.pro2_box_r_nav .swiper-container-rtl .swiper-button-next {
    background-image:url(../img/bbnt_03.jpg);
    left: auto;
    right: 150px;
}
.pro2_box_r_nav .swiper-button-next,.pro2_box_r_nav .swiper-container-rtl .swiper-button-prev {
    background-image:url(../img/bbnt_05.jpg);
    right: 100px;
    left: auto;
}
.pro2_box_r_nav .swiper-button-next,.pro2_box_r_nav  .swiper-button-prev {
    position: absolute;
    top: inherit;
	bottom: -55px;
    width: 30px;
    height: 30px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
	outline: none; display: none;
}
.pro2_box{
	background: #fff;
	overflow: hidden;
}
.gb a{
	display: block;
	position: absolute;
	right: 50px;
	bottom: -55px;
}
/*.pro2_box_r_nav{
	position: relative;
	left: -100000000px;
	height: 260px;
	margin-top: -260px;
	
}*/
.pro2_box_r_nav{
	position: inherit;
	left: 0px;
	height: 220px;
	margin-top: 0px;
	
}
.let_box{
	position: relative;
	right: -1px;
}
.pro2_box .add{
	position: inherit;
	left: 0px;
	height: 260px;
	margin-top: 0px;
}
.pro2_box{
	margin-top: 50px;
	box-shadow: 0 9px 20px 0 hsla(230,9%,48%,.2);
}
.prod2{
	margin-bottom: 100px;
}
.prod2_top{
	display: none;
	width: 100%;
	line-height: 60px;
	font-size: 24px;
	color: #fff;
	background: #089fd9;
	text-align: center;
}



.pro3_box_l{
	width: 690px;;
}


.research{ padding-bottom: 70px; }
.researchPic{ position:relative; height:400px;}
.researchPic .bigImg{ position:relative; width:535px; height: 335px;}
.researchPic .bigImg img{ width:535px; height: 335px !important;}
.researchPic .list{width:148px;overflow:hidden;height: 400px;padding-right: 0px; position: relative;padding-bottom: 10px;}
.researchPic li{ width:144px; height:108px !important; margin-bottom:18px; position:relative; border: 2px solid #fff;}
.researchPic .prev{position:absolute;right: 0px;top: inherit;bottom: 0px; display:block;width: 72px;height: 32px;background: url(../img/zcp88_04.jpg) center top no-repeat;z-index:22;}
.researchPic .next{position:absolute;right: 73px;bottom: 0px;display:block;width: 72px;height: 32px;background: url(../img/zcp88_03.jpg) center bottom no-repeat;z-index:22;}
.researchPic .prev:hover{ background:url(../img/zcp77_04.jpg) center top no-repeat;}
.researchPic .next:hover{ background:url(../img/zcp77_03.jpg) center bottom no-repeat;}
.researchPic .nameList{ position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(../img/hbg1.png) repeat; height: 72px;}
.researchPic .nameList dd{ display:none; text-align: center; color: #fff; line-height: 72px; font-size: 20px;}
.researchPic .list img{
	height: 100%;
}
.researchPic .liNow{
	border: 2px solid #089fd9;
}
/*.researchPic2{ position:relative; padding-bottom:20px;}
.researchPic2 .agentlist{ padding:15px 35px;}
.researchPic2 .agentlist .slick-slide{float:left; margin:0 3px;}
.researchPic2 .slick-slide .ico{ opacity: 0.5;}
.researchPic2 .slick-slide img{ width:100%;}
.researchPic2 .agentlist .slick-current .ico{ opacity: 1;}
.researchPic2 .slick-prev{ cursor:pointer; position:absolute; background:url(../img/caser_03.png) no-repeat left center; background-size: 48px; width:48px; height:48px; top:inherit;  left:0px; z-index:22; margin-top:-24px;top: 50%;}
.researchPic2 .slick-next{ cursor:pointer; background: url(../img/casel_05.png) no-repeat right center; background-size: 48px; width: 48px; height: 48px; position: absolute;top:inherit;  margin-top:-24px; right: 0px; z-index:22;top: 50%;}
.researchPic2 .slider-for .box{ position:relative;}
.researchPic2 .slider-for .imgDiv img{ width:100%;}
.researchPic2 .slider-for .name{ text-align: center; color: #fff; height: 42px; line-height: 42px; font-size: 14px; position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(../img/hbg1.png) repeat;}*/

.researchPic2 .swiper-slide img{ width:100%;}
.researchPic2 .swiper-button-prev{ cursor:pointer; position:absolute; background:url(../img/caser_03.png) no-repeat left center; background-size: 48px; width:48px; height:48px;   left:0px; z-index:22; margin-top:-24px;top: 50%;}
.researchPic2 .swiper-button-next{ cursor:pointer; background: url(../img/casel_05.png) no-repeat right center; background-size: 48px; width: 48px; height: 48px; position: absolute;  margin-top:-24px; right: 0px; z-index:22;top: 50%;}

.pro3_box_r{
	width: 480px;
	
}

.pro3_box_r span{
	display: block;
	font-size: 30px;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 10px;
}
.pro3_box_r dd{
	font-size: 14px;
	color: #999999;
}
.pro3_box_r p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	display: block;
	margin: 40px 0px 150px;
}
.pro3_box_r_a a{
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #086aab;
	font-size: 14px;
	color: #ffffff;
	margin-right: 10px;
}
.pro3_box_r_a a:hover{
	background: #089dd7;
}
.pro3_box{
	margin: 70px 0px;
}
.pro_gs{
	border-top: 1px solid #dedede;
}
.pro_gs span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../img/zq_03.png)no-repeat left;
	margin: 30px 0px;
}
.pro_gs p{
	font-size: 14px;
	color: #999999;
	line-height: 27px;
	
}
.pro_cs{
	border-top: 1px solid #dedede;
	margin-top: 40px;
}
.pro_cs span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../img/zq_03.png)no-repeat left;
	margin: 70px 0px 0px;
}
.pro_cs_nav ul li dd{
	font-size: 14px;
	color: #999999;
	display: inline-block;
	width: 24.5%;
}
.pro_cs_nav ul li{
	border-bottom: 1px solid #dedede;
	padding: 32px 0px 25px;
}


.pro_xq span{
	font-size: 18px;
	display: block;
	color: #333333;
	padding-left: 20px;
	background: url(../img/zq_03.png)no-repeat left;
	margin: 70px 0px 30px;
}
.pro_xq_img{
	text-align: center;
}

.pro3_ft{
	background: #eeeeee;
	padding: 70px 0px 100px;
}
.down_top span{
	display: block;
	text-align: center;
	font-size: 22px;
	color: #333333;
}
.down_nav ul li{
	float: left;
	width: 270px;
	box-shadow: 1px 1px 20px 0 hsla(230,9%,48%,.2);
	margin-right: 40px;
    margin-top:20px;
}
.down_nav ul li:nth-child(4n){
	margin-right: 0px;
}
.down_nav ul li a{
	background: #fff;
	display: block;
	
	padding: 35px 20px;
}
.down_nav ul li span{
	font-size: 13px;
	color: #333333;
	display:block;
	line-height: 32px;
	background: url(../img/zcpjt2_03.png)no-repeat right;
	

}
.down_nav{
	margin: 30px 0px 70px;
}
.down_nav ul li:hover span{
	color: #086aab;
	background: url(../img/zcpjt1_03.png)no-repeat right;
}
.prod3onebox_txt{
	background: #fff;
	padding: 30px 40px;
}
.prod3onebox_txt span{
	display: block;
	font-size: 18px;
	color: #333333;
	margin-bottom: 15px;
}
.prod3onebox_txt p{
	font-size: 14px;
	color: #999999;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.por_case{
	position: relative;
	width: 1356px;
	margin: 0px auto;
	
}


.por_case .swiper-button-prev,.por_case .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/caser_03.png);
    left: 0px;
    right: auto;
}
.por_case .swiper-button-next,.por_case .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/casel_05.png);
    right: 0px;
    left: auto;
}
.por_case  .swiper-button-next,.por_case  .swiper-button-prev{
	outline: none;
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}
.por_case .swiper-button-next:hover{
	 background-image: url(../img/caser_05.png);
}
.por_case  .swiper-button-prev:hover{
	background-image: url(../img/casel_03.png);
}
.prod3one{
	margin-top: 50px;
}
.dw{
	position: absolute;
	left: 100%;
	top: 0px;
	width: 140px;
	padding-left: 40px;
}
.pro3_box{
	position: relative;
}
.pro3 .showNavNow {
    position: fixed;
    /*top: 50%;*/
	z-index: 99999999;
	left: inherit;
	right: 100px; top:20%; bottom:300px;
}

.dw a{
	display: block;
	color: #999999;
	background: url(../img/zq3_03.png)no-repeat left;
	font-size: 14px;
	color: #999999;
	
	padding-left: 20px;
	line-height: 60px;
}
.dw ul .dw_on a{
	color: #086aab;
	background: url(../img/zq2_03.png)no-repeat left;
}


.pc-hide{
	display: none;
}


.service_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	padding-left: 25px;
	background: url(../img/zq_03.png)no-repeat left;
	margin: 30px 0px;
}
.service_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.service_nav ul li{
	border-bottom: 1px solid #dedede;
	padding-bottom: 70px;
}
.service_nav ul li:last-of-type{
	border: none;
}
.service{
	margin: 70px 0px 30px;
}

.service2_nav ul li{
	background: #eeeeee;
	height: 270px;
	overflow: hidden;
}
.service2_l{
	width: 50%;
	overflow: hidden;
}
.service2_l img{
	width: 100%;
	transition: all 1s;
}
.service2_r{
	width: 50%;
}
.service2_r_txt{
	padding: 40px;
}
.service2_r_txt span{
	display: block;
	font-size: 22px;
	color: #333333;
	margin-bottom: 25px;
}
.service2_r_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.service2_nav ul li:hover img{
	transform: scale(1.2);
}
.service2{
	margin: 70px 0px 100px;
}
.map_r{
	width: 640px;height:300px;
}
.map_l{
	width: 435px;
}
.map_l span{
	display: block;
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
}
.map_l p{
	font-size: 18px;
	color: #666666;
	line-height: 36px;
}
.map_nav ul li{
	width: 380px;
	background: #eeeeee;
	/*height: 325px;*/height: 230px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.map_txt{
	padding: 40px;
}
.map_txt span{
	font-size: 22px;
	color: #333333;
	display: block;
	margin-bottom: 20px;
}
.map_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
	
}
.map_txt a{
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #fafafa;
	background: #0a6cad;
	margin-top: 30px;
}
.map_nav{
	/*margin: 70px 0px;*/margin:0 0px  20px;
}

.map_nav ul li:nth-child(3n){
	margin-right: 0px;
}


.join_top{
	text-align: center;
	margin: 30px 0px 50px;
}
.join_top p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}

.join_k .subNavBox .sub{
	
	padding: 20px 0px;
	border-top: 2px solid #dedede;
}
.join_k .subNavBox span{
	background: url(../img/zaddhao_03.png)no-repeat right;
	display: block;
	margin: 0px 40px;
	font-size: 18px;
	color: #333333;
}
.join_k .subNavBox a{
	display: block;
	color: #333333;
	font-size: 18px;
}
.jo_top{
	border-bottom: 1px solid #e9e9e9;
	padding: 40px 0px;
}
.jo_top ul li{
	float: left;
	width: 245px;
}
.join_txt{
	margin: 0px 40px;
	padding: 40px 0px;
}
.join_k  .navContent{
	background: #f3f3f3;
}
.jo_top ul li:nth-child(4){
	text-align: right;
	float: right;
	width: 25%;
}
.join_k .subNavBox .currentDd .sub{
	background: none;
}
.join_k .subNavBox .currentDd a{
	color: #333;
}
.join_k .subNavBox .currentDd span{
	background: url(../img/zjianhao_03.png)no-repeat right;
	color: #fff;
}
.join_txt dd{
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
}
.join_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 27px;
}
.join_txt .sc_a a{
	display: block;
	width: 120px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	color: #ffffff;
	background: #086aaa;
	border-radius: 3px;
	padding-left: 0px;
	margin-top: 70px;
}
.join_k .navContent{
	margin-bottom: 65px;
}
.mbanner{
	width: 100%;
}

.mbanner img{
	width: 100%;
}










/*案例*/
.khcase_l{
	width: 200px;
	height: 100%;
	position: absolute;
	left: 0px;
}
.dq_l{
	height: 100%;
	text-align: center;
	background: url(../img/casebg_03.jpg)repeat-y;
	position: relative
}
.dq_l span{
	display: block;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -12px;
}
.khcase_r_txt{
	padding: 20px;
	
	
}
.khcase_r{
	width: 1000px;
	padding-left: 200px;
	border: 1px solid #e9e9e9;
}
.dq{
	
	position: relative;
}
.all a{
	font-size: 16px;
	/*color: #fff;*/
	display: block;
	width: 70px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	/*background: url(../img/casebg_03.jpg)repeat-y;*/
}
.all_nav{
	width: 875px;
}
.all_nav ul li{
	width: 9%;
	float: left;
	margin-bottom: 12px;
}
.all_nav ul{
	margin-bottom: -12px;
}
.all_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
/*.all_nav ul li a:hover{
	color: #0a6dae;
}*/
.all2_nav{
	width: 875px;
}
.khcase_r_txt  ul .all_on a{
	background: #0a6cad;
	color: #fff;
}

.all2_nav ul li{
	width: 14%;
	float: left;
	margin-bottom: 12px;
}
.all2_nav ul{
	margin-bottom: -12px;
}
.all2_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all2_nav ul li a:hover{
	color: #0a6dae;
}



.all3_nav{
	width: 875px;
}
.all3_nav ul li{
	width: 20%;
	float: left;
	margin-bottom: 12px;
}
.all3_nav ul{
	margin-bottom: -12px;
}
.all3_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all3_nav ul li a:hover{
	color: #0a6dae;
}
.dq{
	margin-bottom: 10px;
}

.khcase{
	margin: 70px 0px 100px;
}

.khcase_nav ul li{
	 transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
	width: 320px;
	float: left;
	margin:0 40px 30px;
	box-shadow: 0 1px 20px 0 hsla(230,9%,48%,.2);
}
.khcase_nav ul li a{
	display: block;
}
.khcase_nav ul li:nth-child(3n){
	margin-right: 0px;
}
.khcase_div{
	background: #fff;
	padding: 30px 25px;
}
.khcase_div span{
	display: block;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}
.khcase_div p{
	font-size: 14px;
	color: #999999;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
	
}
.khcase_nav ul li:hover{
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
}
.khcase_nav ul li:hover .khcase_div{
	background: #0a6cad;
}
.khcase_nav ul li:hover .khcase_div span{
	color: #fff;
}
.khcase_nav ul li:hover .khcase_div p{
	color: #fff;
}
.khcase_nav{
	margin: 60px 0px 0px;
}
/*end*/
.map{
	margin-top: 70px;
}



.all4_nav{
	width: 875px;
}
.all4_nav ul li{
	padding: 0px 25px;
	float: left;
	margin-bottom: 12px;
	display: inline-block;
}
.all4_nav ul{
	margin-bottom: -12px;
}
.all4_nav ul li a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}
.all4_nav ul li a:hover{
	color: #0a6dae;
}


.nydown_top span{
	display: block;
	color: #333;
	font-size: 22px;
	margin-bottom: 30px;
}

.nydown_nav ul li{
	display: block;
	padding: 40px 0px;
}
.nydown_nav ul li{
	width: 585px;
	box-shadow: 0 1px 20px 0 hsla(230,9%,48%,.2);
	background: #fff;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.nydown_txt{
	margin: 0px 40px;
	
}
.nydown_txt span{
	display: block;
	font-size: 16px;
	color: #666666;
	background: url(../img/zdown_03.png)no-repeat left;
	padding-left: 28px;
}

.nydown_nav ul li:nth-child(2n){
	margin-right: 0px;
}
.nydown{
	margin-top: 40px;
}
.down_big{
	margin-top: 60px;
}


.big_bg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99999999;
	display: none;
}
.big_bg_box{
	display: inline-block;
	-webkit-transform: translateX(-50%) translateY(-50%); 
    position: absolute;
    text-align: center;
    z-index: 9999999;
	left: 50%;
	top: 50%;}
.gboff a{
	display: block;
	margin-bottom: 30px;
}



.nyabout .about_l{
	width: 230px;
}
.nyabout .about_l span{
	font-size: 24px;
	color: #333333;
}
.nyabout .about_l h3{
	font-weight: normal;
	color: #dedede;
	font-size: 18px;
	font-family: "Arial";
}
.nyabout .about_more{
	margin-top: 225px;
}
.culture{
	background: url(../img/abbg_02.jpg)center no-repeat;
	background-size: cover;
	padding: 70px 0px 75px;
}
.culture_r{
	margin-top: 13%;
	width: 547px;
}
.culture_r p{
	font-size: 19px;
	color: #cccccc;
	line-height: 26px;
}
.culture_r span{
	font-size: 16px;
	color: #ffffff;
}
.culture_l span{
	font-size: 24px;
	color: #ffffff;
	display: block;
	margin-bottom: 10px;
}
.culture_l p{
	font-size: 18px;
	color: #ffffff;
	opacity: 0.3;
	font-family: "Arial";
	text-transform: uppercase;
	font-weight: 100;
}
.culture_img{
	margin-top: 70px;
}
.path_top span{
	display: block;
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
}
.path_top p{
	font-size: 18px;
	color: #dedede;
	text-transform: uppercase;
}
.path{
	/*margin: 70px 0px;*/margin: 20px 0px;
}
.path_time span{
	font-size: 18px;
	color: #0a6cad;
	display: block;
	text-align: center;
	background: url(../img/zzquan_03.png)no-repeat top;
	padding-top: 18px;
	top: 50%;
	position: absolute;
	left: 50%;
	margin-top: 12px;
	margin-left: -35px;
}
.path .swiper-button-next,.path .swiper-button-prev{
	margin-top: -10px;
}
.time_xian{
	width: 100%;
	height: 1px;
	background: #dedede;
	position: absolute;
	top: 50%;
	margin-top: 16px;
	
}
.path_txt{
	text-align: right;
}
.path .swiper-slide{
	height: 355px;
	position: relative;
}
.path .swiper-slide:nth-child(2n) .path_time span{
	font-size: 18px;
	color: #0a6cad;
	display: block;
	text-align: center;
	background: url(../img/zzquan_03.png)no-repeat bottom;
	padding-bottom:18px;
	margin-top: -40px;
}
.path .swiper-slide  .path_txt{
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-bottom: 15px; text-align:left;
}
.path .swiper-slide:nth-child(2n)  .path_txt{
	position: inherit;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}
.path .swiper-slide:nth-child(2n)  .path_img{
	position: absolute;
	bottom: 0px;
}
.path_txt{
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}


/*.por_honor{	position: relative;	width: 1300px; display: block;	margin: 0px auto auto -60px; left: -60px;}
.por_honor .swiper-button-prev{ left: -60px;}
.por_honor .swiper-button-next{right: 30px inherit;}
.por_honor .swiper-button-prev,.por_honor .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/caser_03.png);
    left: 0px;
    right: auto;
}
.por_honor .swiper-button-next,.por_honor .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/casel_05.png);
    right: 0px;
    left: auto;
}
.por_honor  .swiper-button-next,.por_honor  .swiper-button-prev{
	outline: none;
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
}
.por_honor .swiper-button-next:hover{
	 background-image: url(../img/caser_05.png);
}
.por_honor  .swiper-button-prev:hover{
	background-image: url(../img/casel_03.png);
}*/
.honor{
	background: #000000;
	padding: 50px 0px 45px; 
}
.honor_top span{
	font-size: 24px;
	color: #ffffff;
	display: block;
	margin-bottom: 15px;
}
.honor_top p{
	font-size: 18px;
	color: #ffffff;
	opacity: 0.2;
	text-transform: uppercase;
}

.honor .swiper-slide{ width: 210px;height: 210px; float: left; display: block;margin: 0 auto; overflow: hidden;
	/*background: #fff;*/
	text-align: center;
}
.honor .swiper-slide span{
	display: block;
	font-size: 16px;
	color: #666666;
	line-height: 60px;
	/*border-top: 1px solid #dedede;
	margin-top: 30px;
	padding-top: 20px;*/
}
.honor_div{ width: 210px;height: 210px; overflow: hidden;margin: 0 auto;
	/*padding: 30px 30px 20px 30px;*/
}
.honor_img{ width: 210px;height: 210px; border-radius: 50%; overflow: hidden;display: inline-block;}

.about_r_nav i{
	position: relative;
	top: -16px;
}
.number_nav ul li i{
	position: relative;
	top: -12px;
}

.cse_xl{
	position: absolute;
	top: 100%;
	z-index: 999999;
	width: 100%;
	left: 0px;
	background: #fafafa;
	text-align: center;
	 display: none; 
}
.cse_xl_nav ul li{
	display: inline-block;
	width:19.5%;
}
.cse_xl_img{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.cse_xl_nav ul li a{
	padding: 30px 25px;
	display: block;
	border-left: 1px solid #dedede;
	
}
.cse_xl_nav ul li:last-of-type a{
	border-right: 1px solid #dedede;
}
.cse_xl_nav ul li span{
	display:block;
	font-size: 16px;
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: -15px;
}
.cse_xl_nav ul li img {
    transition: all 1s;
}
.cse_xl_nav ul li:hover img {
    transform: scale(1.2);
}
.nav > ul > li:hover .cse_xl{
	display: block; width: 100%;
}



.end_first dl{
	display: none;
	position: absolute;
	bottom: 100%;
	width: 100%;
	background: #fff;
	color: #333;
}
.end_first dl dd a{
	margin: 0px;

	text-align: center;
	line-height: 40px;
	display: block;
}
.end_first dl dd a:hover{
	color: #0a6cad;
}


.industrylist{
	width: 26%;
	float: left;
	z-index: 999;
}
.industryPic{
	width: 100%;
	float: none;
	
}
.industryPic .slick-track{ width:100%!important;}

.Product .slick-vertical .slick-slide{
	background: #f2f2f2;
}
.industrylist  .slick-slide:nth-child(2n){
	background: #ededed;
}
.ico{
	margin: 0px 35px 0px 35px;
}
.ico span{
	display: block;
	float: left;
	font-size: 18px;
	color: #333333;
	line-height: 80px;
}
.Product{
	position: relative;
}
.Product .industrylist .slick-current{
 background: #1270ac;
}
.Product .industrylist .slick-current span{
	color: #fff;
}



.industryPic .slick-next {
    width: 60px;
    height: 80px;
    position: absolute;
    left: inherit;
    margin-top: -190px;
    z-index: 10;
    
    right: 0px;
	top: 50%;
	background: url(../img/abnt_03.png) no-repeat center;
}


.gban{
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 99999;
	display: none;
}
.khcase_r_txt{
	position: relative;
}

.vision{
	margin: 70px 0px;;
}
.vision_txt{
	text-align: center;
	margin-top: 40px;
}
.vision_txt h3{
	font-weight: normal;
	font-size: 24px;
	color: #0a6cad;
	display: block;
	margin-bottom: 55px;
}
.vision_txt p{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
}

.nydown_txt a{
	margin-left: 15px;
	line-height: 21px;
}
.down_two{
	display: none;
}
.down_onea:hover .down_two{
	display: inline-block;
}
.down_onea:hover .down_one{
	display: none;
}
.down_twoa:hover .down_two{
	display: inline-block;
}
.down_twoa:hover .down_one{
	display: none;
}



.prou_nav{

}

.industrylist {
	overflow: hidden;
	height: 480px;
	position: absolute;
	left: 0px;
}
.Product .imgDiv{
	overflow: hidden;
	height: 480px;
	background: url(../img/zzzzzzbj_03.png)no-repeat right;
	background-size: cover;
	margin-left: 455px;
}

.khcase_r_txt ul .all a{
	font-size: 16px;
	display: block;
	width: 70px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.khcase_r_txt ul .all{
	position: absolute;
	left: 0px;
}
.khcase_r_txt  ul{ 
	position: relative; 
	padding-left: 100px;
}
.khcase_r_txt ul .all_on a {
    background: #0a6cad;
    color: #fff;
}
.xl_img{
	overflow: hidden;
}
.xl_img img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.xl_box a:hover .xl_img img{
	    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.xl_box a:hover span{
	color: #0a6cad;
}

.want_img img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.want_nav ul li:hover .want_img img{
	    transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}

.pro2_box_l  img{
	transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}
.pro2_box_l:hover img{
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}
.add3{
	display: none;
}
.fyy
{
    text-align:center;
}
.mxfDiv{ position:relative; height:6.8rem; padding-bottom:0.8rem;}
.mxfDiv .tab{ position:absolute; top:0;width:100%; /* left:0;width:4.4rem;*/ padding-bottom: 0.8rem;}
.mxfDiv .tab ul{width: 96%; margin: 0 2%;}
.mxfDiv .tab li{ height:0.8rem; background: #f2f2f2; position:relative; width:14% ; margin: 0 1%;float: left;display: inline-block;}
.mxfDiv .tab li:nth-child(2n){ background:#ededed;}
.mxfDiv .tab li .name{ /*padding-left:0.35rem;*/ color:#333; line-height:0.8rem; font-size:0.18rem; text-align:center;}
.mxfDiv .tab li .limg{ position:absolute; right: 0.2rem; top:0;}
.mxfDiv .tab li .limg img{ width:0.71rem;}
.mxfDiv .tab .liNow{ background:#0a6cad;}
.mxfDiv .tab li:nth-child(2n).liNow{ background:#0a6cad;}
.mxfDiv .tab .liNow .name{ color:#fff;}
.mxfDiv .bigImg{ width:50%;/*width:8.4rem; padding-left:4.6rem;*/margin-top: 1.6rem;}
.mxfDiv .bigImg img{ width:100%;}
.mxfDiv .bg{ width:3.76rem;}
.mxfDiv .bg img{ width:100%;}
.mxfDiv .list{width: 50%;/* padding-top:0.2rem;*/ clear:both; margin-top: -4.9rem;}
.mxfDiv .list ul{/* margin-right:-0.1rem;*/width: 100%; display: block;overflow: hidden;}
.mxfDiv .list li{ float:left; width:46%;margin: 0% 0 2% 4%;}
.mxfDiv .list li .lbox{ margin-right:0.1rem;}
.mxfDiv .list li .xDiv{position: relative;z-index: 1;}
.mxfDiv .list li .xDiv img{ width:100%;}
.mxfDiv .list li .name{position: relative;z-index: 9;/* padding-top:0.08rem;*/height: 0.4rem; font-size:0.16rem;line-height: 0.4rem;background: rgba(0,0,0,.6); margin-top: -0.4rem; text-align:center; color:#fff; }


/*2020.7.31*/
.hpart1 .title{ text-align:center; font-size:20px; color:#333; font-weight:bold; padding-bottom:45px;}
.hpart1 .leftDiv, .hpart1 .rightDiv{ width:400px;}
.hpart1 h2{ font-size:16px; height:30px; border-bottom:#ddd solid 1px;}
.hpart1 .hcontent{ font-size:14px; padding-top:20px; line-height:24px;}
.hpart1 ul{ padding-top:15px;}
.hpart1 li{ font-size:14px; line-height:24px;}

.hpart2{ padding-top:80px;}
.hpart2 .title{ text-align:center; font-size:20px; color:#333; font-weight:bold; padding-bottom:45px;}
.hpart2 .list li{ float:left; width:33.33%; text-align:center;}
.hpart2 .list li .icon{ padding-bottom:20px; height:60px;}
.hpart2 .list li .icon img{ width:56px;}
.hpart2 .list li b{ font-size:14px;}



/*foot*/
.footBox{width: 100%; height:auto;background: #333;color: #fff;padding:40px 0 10px;}
.foot{ width:90%; height:auto; margin:0 auto 30px;overflow: hidden;}
.footL{ width:88%; height:auto; overflow:hidden;}
.footL li{ width:13.2857%; float:left; display:block; margin-right: 1%;}
.footL li .foot-tit{ font-size:18px; text-align:left; color:#fff; font-weight:400; margin-bottom:10px; display:block;}
.footL li .foot-tit:hover{color: #1a71b9;}
.footL li .footB{ width:130px; height:auto; overflow:hidden;}
.footL li .footB a{ font-size:14px; text-align:left; color:#ccc; font-weight:normal; line-height:30px; height:30px;display:block;}
.footL li .footB a:hover{color: #1a71b9;}
.footL li.footcont{width: 26.514%;}
.footL li.footcont p{ font-size:14px; text-align:left; color:#ccc; font-weight:normal; line-height:30px;}
.footR{ width:10%; height:auto; overflow:hidden; }
.footR h1{ font-size:18px; text-align:left; color:#fff; font-weight:400; margin-bottom:20px; display:block;}
.footR img{ width:100px; height:100px; display:block; margin:15px 0 auto;}
.beian{ padding-top: 9px; border-top: 1px solid #4d4d4d;}
.beian p{width: 90%; font-size: 14px; line-height: 25px;text-align: center;color: #fff; margin: 0 5%;}
@media screen and (max-width:640px) {
	.foot{display: none;}
	.footBox{width: 100%; height:auto;background: #333;color: #fff;padding:1% 0 1%;}
	.beian{ padding-top: 0px; border-top: 0;}
	
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	
	.bar{ display:inherit !important;}
	}
	
.pro3{ margin-bottom: 50px;}

/*title*/
.inTit{width: 1200px;display: block; overflow: hidden; margin: 40px auto; border: 0;}
.inTit img{  display: block; margin: 0 auto; overflow: hidden;}
.inTit p{font-size: 16px; text-align: left;text-indent: 32px; line-height: 30px;color: #fff;}
@media screen and (max-width:640px) {
	.inTit{ width: 100%;height: auto; margin:8% auto 2%;}
	.inTit img{ width: 90%; margin: 0 5%;}
	.hzfsBox{display: none;}
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	
	
	}

/*hzfs*/
.hzfsBox{ width: 100%; height: auto; padding: 30px 0; background: #f3f4f4; margin:0 auto;}
.hzfs{width:1200px; height:230px; margin:30px auto; overflow:hidden; background: url(../img/hzfs-bg.png) top center no-repeat;}
.hzfsT{width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.hzfsT li{width: 135px;padding-right:9px;height: 144px;background: url(../img/hzfs.png) top center no-repeat;}
.hzfsT li h1{font-size: 24px;text-align: center; font-weight: normal;color: #737373;margin-top: 25px;}
.hzfsT li span{width: 30px;height: 1px;background: #d6d6d6;display: block;margin: 9px auto 10px;}
.hzfsT li p{font-size: 16px; text-align: center;color: #000;line-height: 30px;font-weight: bold;}
.hzfsB{width: 358px;height: 50px;display: block;background: url(../img/hzfsTel.png) top center no-repeat;margin: 30px auto 0;}
.hzfsB h2{font-size: 24px;line-height: 50px;font-weight: normal;color: #be1511;float: left;display: block;margin-left:60px;}
.hzfsB p{font-size: 18px;line-height: 50px;font-weight: normal;color: #fff;float:right;display: block;margin-right: 25px;}


.case{ width: 97.1%; height: auto; margin: 0 auto;}
.khal{ width: 1200px; height: auto; margin: 20px auto;}
.khal li { width: 360px; height:360px;float: left; display: block; margin:20px; overflow:hidden;}
.khal li .case-img{ width:360px; height:360px; display:block; overflow:hidden; position:relative; z-index:1;}
.khal li .case-img img{width: 360px;height: 360px;display: block;overflow: hidden;position:relative; z-index:1;}
.khal li .case-img p{position: relative;z-index: 5; height: 40px; line-height: 40px; background: rgba(0,0,0,.6);color: #fff; text-align: center; font-size: 16px; margin-top: -40px;}
.khal li .case-more{ position:relative; z-index:99; width:360px;  height:360px; display:block; overflow:hidden;  transition:all 0.5s;}
.khal li .case-more img{ width:360px;  height:360px; display:block; overflow:hidden; }
.khal li:hover .case-more{ margin-top:-360px;}
@media screen and (max-width:640px) {
	.khal{ width: 100%;}
	.khal li { width: 46%;height: auto;float: left; display: block; margin:1% 2%;}
	.khal li .case-img{ width: 100%;height: auto; display:block; overflow:hidden; position:relative; z-index:1;}
	.khal li .case-img img{width: 100%;height: auto;display: block;overflow: hidden;}
	.khal li .case-img p{ height: 30px; line-height: 30px; background: rgba(0,0,0,.6);color: #fff; text-align: center; font-size: 14px; margin-top: -30px;}
	.khal li .case-more{ display: none;}
	
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	}

.anli{ width: 100%;height: auto; overflow: hidden;}
.anli li { width: 14.66%; height:auto;float: left; display: block; margin: 0 1%; overflow:hidden;}
.anli li .anli-img{ width:100%; height:auto; display:block; overflow:hidden; position:relative; z-index:1;}
.anli li .anli-img img{width: 100%;height: auto;display: block;overflow: hidden;position:relative; z-index:1;}
.anli li .anli-img p{position: relative;z-index: 5; height: 40px; line-height: 40px; background: rgba(0,0,0,.6);color: #fff; text-align: center; font-size: 16px; margin-top: -40px;}
.anli li .anli-more{ position:relative; z-index:99; width:280px;  height:280px; display:none; overflow:hidden;  transition:all 0.5s;}
.anli li .anli-more img{ width:280px;  height:280px; display:block; overflow:hidden; }
.anli li:hover .anli-more{ margin-top:-280px;}
@media screen and (max-width:640px) {
	.anli{ width: 100%;}
	.anli li { width: 46%;height: auto;float: left; display: block; margin:1% 2%;}
	.anli li .anli-img{ width: 100%;height: auto; display:block; overflow:hidden; position:relative; z-index:1;}
	.anli li .anli-img img{width: 100%;height: auto;display: block;overflow: hidden;}
	.anli li .anli-img p{ height: 30px; line-height: 30px; background: rgba(0,0,0,.6);color: #fff; text-align: center; font-size: 14px; margin-top: -30px;}
	.anli li .anli-more{ display: none;}
	
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	}

.aboBox{width: 100%; padding: 1% 0; background:#2a5a97 url(../img/abo-bg.jpg) top center no-repeat; margin: 30px auto;overflow: hidden;}
.aboF{width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.aboF li{width: 140px; float: left; display: block; margin:0 80px;}
.aboF li img{width: 140px; height: 140px;display: block; overflow: hidden;}
.aboF li p{font-size: 14px;text-align: center; line-height: 25px; color: #fff;}
@media screen and (max-width:640px) {
	.inTit p{font-size: 14px; text-align: left;text-indent: 28px; line-height: 20px;color: #fff;}
	.aboF{width:100%; height:auto; margin:2% auto; overflow:hidden;}
	.aboF li{width: 46%; float: left; display: block; margin:2%;}
	.aboF li img{width: 80%; height: auto;display: block; overflow: hidden; margin: 0 auto;}

.csfzAll{ display:none !important;}
.right_fix.add_right{right: 0; display:none;}

.bar{ display:inherit !important;}
}

.yousBox{width: 100%; background: url(../img/adv-bg.jpg) top center no-repeat; margin: 0 auto;overflow: hidden;}
.yous{width:1200px; height:auto; display: block; margin:50px auto; overflow:hidden;}
.yous li{width: 560px;height: 359px;float: left;display: block;margin: 65px 20px;}
.yous li img{/*width: 560px; height: 359px; */display: block;overflow: hidden;}
@media screen and (max-width:640px) {
	.yousBox{display: none;}
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
}

.inav{  height:50px; margin:0 auto;}
.inav a{ width:118px; height:50px; font-size:18px; text-align:center; line-height:50px; color:#333; background: #f2f2f2; float:left; display:block; margin-right:2px;}
.inav a:hover{ background:#0080ff; color:#fff;}
.inav a.inavon{ background:#0080ff; color:#fff;}





/*fuwu*/
.fuwu{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.fuwu1{ width:1200px; height:400px; margin:10px auto 40px; overflow:hidden;}
.fuwu2{ width:1200px; height:400px; margin:10px auto 40px; overflow:hidden;}
.fuwu1 .flwuImg{ width:860px; height:400px; display:block; overflow:hidden; position: relative;z-index: 1; float: left;display: block;}
.fuwu1 .flwuImg img{ width:860px; height:400px; display:block;}
.fuwu1 .flwuTxt{ width:550px; height:290px; overflow:hidden;padding:25px;background: #f0f0f0; position: relative;z-index: 9; float: right;display: block; overflow: hidden; margin: -370px 0 auto auto;}
.fuwu1 .flwuTxt h1{ font-size:24px; text-align:left; line-height:40px; color:#036eb7; font-weight:500;}
.fuwu1 .flwuTxt p{ font-size:16px; text-align:left; text-indent:36px; line-height:30px; color:#333;}

.fuwu2 .flwuImg{ width:860px; height:400px; display:block; overflow:hidden; position: relative;z-index: 1; float: right;display: block; margin: -370px 0 auto auto;}
.fuwu2 .flwuImg img{ width:860px; height:400px; display:block;}
.fuwu2 .flwuTxt{ width:550px; height:290px; overflow:hidden;padding:25px;background: #f0f0f0; position: relative;z-index: 9; float:left ;display: block; overflow: hidden; margin-top: 30px;}
.fuwu2 .flwuTxt h1{ font-size:24px; text-align:left; line-height:40px; color:#036eb7; font-weight:500;}
.fuwu2 .flwuTxt p{ font-size:16px; text-align:left; text-indent:36px; line-height:30px; color:#333;}

@media screen and (max-width:640px) {
	.fuwu{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
	.fuwu1{ width:100%; height:auto; margin:1% auto 3%; overflow:hidden;}
	.fuwu2{ width:100%; height:auto; margin:1% auto 3%; overflow:hidden;}
	.fuwu1 .flwuImg{ width:100%; height:auto; display:block; overflow:hidden; position: relative;z-index: 1; float: left;display: block;}
	.fuwu1 .flwuImg img{ width:100%; height:auto; display:block;}
	.fuwu1 .flwuTxt{ width:96%; height:auto; overflow:hidden;padding:2%;background: #f0f0f0; position: relative;z-index: 9; float: right;display: block; overflow: hidden; margin: 0 auto;}
	.fuwu1 .flwuTxt h1{ font-size:18px; text-align:left; line-height:40px; color:#036eb7; font-weight:500;}
	.fuwu1 .flwuTxt p{ font-size:14px; text-align:left; text-indent:28px; line-height:20px; color:#333;}
	
	.fuwu2 .flwuImg{ width:100%; height:auto; display:block; overflow:hidden; position: relative;z-index: 1; float:left ;display: block; max-height: 160px; margin: -430px auto 0;}
	.fuwu2 .flwuImg img{ width:100%; height:auto; display:block; }
	.fuwu2 .flwuTxt{ width:96%; height:auto; overflow:hidden;padding:2%;background: #f0f0f0; position: relative;z-index: 9; float:right ;display: block; overflow: hidden; margin-top: 160px;}
	.fuwu2 .flwuTxt h1{ font-size:18px; text-align:left; line-height:40px; color:#036eb7; font-weight:500;}
	.fuwu2 .flwuTxt p{ font-size:14px; text-align:left; text-indent:28px; line-height:20px; color:#333;}
	
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	
	.bar{ display:inherit !important;}
	}

.lxwmBox{width: 100%; margin:40px auto;overflow: hidden;}
.lxwm{ width:1200px; height:auto; display:block; margin:0 auto; overflow:hidden;}
.lxwm li{ width:160px; height:auto;float:left; display:block; margin:0 40px;}
.lxwm li img{ width: 160px; height: 160px; display:block; margin:0 auto 30px; background:#808080; border-radius: 50%; }
.lxwm li p{ font-size:16px; text-align:center; line-height:30px; color:#666;}

@media screen and (max-width:640px) {
.contact{ width:90%; height:auto; margin:3% 5%; overflow:hidden;}
.lxwmBox{width: 100%; margin:2% auto;overflow: hidden;}
.lxwm{ width:90%; height:auto; display:block; margin:1% 5%; overflow:hidden;}
.lxwm li{ width:90%; height:auto; padding:5%; background:#f2f2f2; float:left; display:block; margin:2% auto;}
.lxwm li img{ display:block; margin:0 auto 2%;}
.right_fix.add_right{right: 0; display:none;}

.bar{ display:inherit !important;}
}

/*about*/
.aboTBox{/*width: 1400px;height: auto; margin: 20px auto; background: url(../img/big.png) center center no-repeat;*/font-size: 16px;	color: #878787;	margin: 0 22px;	background: url(../img/big.png) no-repeat center center;	background-size: 100% auto;	padding: 10px 24.5%;	margin: 0 auto;	box-sizing: border-box;	overflow: hidden;}
.aboT{width: 600px;height: 395px;	overflow-y: scroll;	padding: 30px 0;	font-size: 16px;	line-height: 30px;	color: #333;}
.aboT p{ font-size:16px; text-indent:32px;}
.aboT::-webkit-scrollbar {	width: 9px;	height: 500px;	border-radius: 4px;}
.aboT::-webkit-scrollbar-thumb {	border-radius: 4px;	background-color: #d51a21;}
.aboT::-webkit-scrollbar-track {	border-radius: 4px;	background-color: #cbcbcb;}
@media screen and (max-width:640px) {
	.aboTBox{ width:96%; height:auto; margin:3% 2%; overflow:hidden; background: none;	padding: 0;}
	.aboT{ width: 96%;height: 400px; margin: 0 auto; padding: 2%;}
	
	.csfzAll{ display:none !important;}
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	
	}
	
/*liuyan*/
.liuyan{ width:100%; margin:0 auto; height:520px; padding: 20px 0; background:#036eb7; overflow:hidden;}
.liuyanTit{ width:1200px; height:auto; margin:0 auto;}
.liuyanTit h1{color:#fff;font-size: 30px;line-height: 50px; font-weight: 500; text-align:center; }
.liuyanTit p{color:#e5e5e5; font-size: 16px; line-height: 30px; text-align:center;}
.liuyanB{ width:1120px; height:auto; margin:20px auto 20px; overflow:hidden;}
.liuyanBL{ width:530px; margin:0px 15px;}
.liuyanBL input{ width:100%; height:50px; box-sizing: border-box; padding:0px 15px; background:#fff; color:#333; border:none;border-radius:5px; margin-bottom:20px;}
.liuyanBR textarea{ width:530px; height:260px; box-sizing: border-box; background:#fff; color:#333; border:none; border-radius:5px;padding:15px;}
.liuyanBM{ display:block;  width:200px; height:50px; line-height:50px; text-align:center; background:#f90; color:#fff; border-radius:5px;  font-size:18px; margin:20px auto 40px; overflow:hidden;}

.ditu{width: 100%;height: 400px;display: block; margin: 40px auto 50px;overflow: hidden;}
/*.ditu div{width:1198px;height:398px;border:#ccc solid 1px;margin: 0 auto;}*/

@media screen and (max-width:640px) {
	.liuyan{ width:100%; margin:0 auto; height:auto; padding: 3% 0; background:#036eb7; overflow:hidden;}
	.liuyanTit{ width:100%; height:auto; margin:0 auto;}
	.liuyanTit h1{color:#fff;font-size: 20px;line-height: 30px; font-weight: 500; text-align:center; }
	.liuyanTit p{color:#e5e5e5; font-size: 12px; line-height: 20px; text-align:center;}
	.liuyanB{ width:90%; height:auto; margin:2% 5%; overflow:hidden;}
	.liuyanBL{ width:100%; margin:0px auto;}
	.liuyanBL input{ width:100%; height:50px; box-sizing: border-box; padding:0px 2%; background:#fff; color:#333; border:none;border-radius:5px; margin-bottom:20px;}
	.liuyanBR{ width:100%; margin:0px auto;}
	.liuyanBR textarea{ width:100%; height:110px; box-sizing: border-box; background:#fff; color:#333; border:none; border-radius:5px;padding:1% 2%;}
	.liuyanBM{ display:block;  width:200px; height:50px; line-height:50px; text-align:center; background:#f90; color:#fff; border-radius:5px;  font-size:18px; margin:20px auto 40px; overflow:hidden;}
	
	.ditu{display: none; width: 100%;height: 200px; margin: 2% auto 2%;overflow: hidden;}
	.ditu div{width: 100%;height: 200px;}
	
	.csfzAll{ display:none !important;}
	
	.right_fix.add_right{right: 0; display:none;}
	
	.bar{ display:inherit !important;}
	}
	
	
	
	
/*----contact----*/
.w{width: 90%; margin: 0 auto; position: relative;}
.contact01{padding: 60px 0 0;}
.contact01 .contact01_title{margin-bottom: 50px; text-align: center;}
.contact01 .contact01_title h3{font-size: 38px; color: #333; margin-bottom: 10px;}
.contact01 .contact01_title p{font-size: 14px; color: #999;}

.contact01 .list{list-style: none; width: 100%;height: auto;overflow: hidden;}
.contact01 .list li{width: 21%; float: left; cursor: pointer; margin: 0 2%;}
.contact01 .list li h1{/*font-size: 46px; margin-bottom: 10px; transition: all ease .3s; -webkit-transition: all ease .3s*/ width: 60px; height: 60px; overflow: hidden; display: block; margin: 0 auto 20px; transition: all 0.5s; }
.contact01 .list li h1.cont1{background: url(../img/cont1.png) top center no-repeat;}
.contact01 .list li h1.cont2{background: url(../img/cont2.png) top center no-repeat;}
.contact01 .list li h1.cont3{background: url(../img/cont3.png) top center no-repeat;}
.contact01 .list li h1.cont4{background: url(../img/cont4.png) top center no-repeat;}
.contact01 .list li h3{font-size: 20px; color: #000; font-weight: bold; margin-bottom: 8px; text-align: center;}
.contact01 .list li p{font-size: 14px; color: #666; line-height: 24px;/* padding-right: 30%;*/ text-align: center;}

.contact01 .list li:hover h1{background-position:bottom center; overflow: hidden;}
.contact01 .list li:hover h3{color: #0080ff;}
.contact01 .list li:hover p{color: #0080ff;}

.contact02{padding-bottom: 160px; background: #f4f4f4; position: relative;}
.contact02 .map{height: 560px; position: relative;}
.contact02 .contact02_add{width: 100%; position: absolute; bottom: 0; left: 0; margin-bottom: 80px; background: transparent;}
.contact02 .contact02_add .w{height: 160px; background: #fff; box-shadow: 0 0 10px 2px #f0f0f0; padding-top: 50px;}
.contact02 .contact02_add .add_con{width: 530px; margin: 0 auto;}
.contact02 .contact02_add .add_con h1{font-size: 36px; float: left; color: #666; margin-right: 20px; width: 60px; height: 60px; overflow: hidden; display: block;}
.contact02 .contact02_add .add_con h3{font-size: 16px; color: #181818; font-weight: bold; margin-bottom: 4px; padding-top:6px;}
.contact02 .contact02_add .add_con p{font-size: 20px; color: #333; }

.page_star{background: #0080ff; padding: 60px 0; text-align: center;}
.page_star h3{font-size: 38px; color: #fff; margin-bottom: 20px}
.page_star p{font-size: 16px; color: #fff; margin-bottom: 30px;}
.page_star .star_qq{width: 140px; height: 40px; margin: 0 auto; line-height: 40px; font-size: 14px; color: #333; background: #fff; display: block;}
.page_star .star_qq:hover{color: #0080ff;}

@media screen and (max-width:640px) {
	.w{width: 94%;}
 .contact01{padding: 30px 0;}
    .contact01 .contact01_title{margin-bottom: 30px;}
    .contact01 .contact01_title h3{font-size: 18px;}
    .contact01 .contact01_title p{font-size: 14px; padding: 0 40px;}

    .contact01 .list{margin-right: -2%;}
    .contact01 .list li{width: 48%; margin:0 2% 4% 0; float: left;}
    .contact01 .list li h1{display: none;}
    .contact01 .list li h3{font-size: 14px; font-weight: normal; text-align: left;}
    .contact01 .list li p{font-size: 12px; padding-right: 10%;text-align: left;}

    .contact02{padding-bottom: 40px;}
    .contact02 .map{height: 320px; position: relative; }
    .contact02 .contact02_add{display: none;}


    .page_star{ padding: 30px 0;}
    .page_star h3{font-size: 18px;}
    .page_star p{font-size: 14px;}
    .page_star .star_qq{width: 110px; height: 36px; line-height: 36px;}
	
	.csfzAll{ display:none !important;}
	
	.right_fix.add_right{right: 0; display:none;}
	.bar{ display:inherit !important;}
	
	}



.footer_con{width: 90%; margin: 0 auto;background: #21282e; padding: 2% 5%;}
.footer_con .footer_top{}
.footer_con .footer_top h3{font-size: 32px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 41px;}
.footer_con .footer_top .line{display: block; width: 100%; height: 1px; background: #333}
.footer_con .footer_top .footer_add{width: 100%;padding: 1% 0; margin: 0 auto; height: auto; overflow: hidden;}
.footer_con .footer_top .footer_add .add{width: 21%; float: left;display: block;margin: 0 2%; padding-top: 40px; cursor: pointer;}
.footer_con .footer_top .footer_add .add h3{font-size: 14px; text-align: left; margin-bottom: 10px}
.footer_con .footer_top .footer_add .add h3 i{padding-right: 10px; font-size: 16px;}
.footer_con .footer_top .footer_add .add p{font-size: 14px; color: #fff; line-height: 26px}
.footer_con .footer_top .footer_add .add:hover h3{color: #0080ff;}
.footer_con .footer_top .footer_add .add:hover p{color: #0080ff;}

@media screen and (max-width:640px) {
.footer_con{width: 94%; margin: 0 auto}
.footer_con .footer_top{}
.footer_con .footer_top h3{font-size: 16px; font-weight: normal; text-align: left; margin-bottom: 14px}
.footer_con .footer_top .line{display: block; width: 100%; height: 1px; background: #333}
.footer_con .footer_top .footer_add .add{width: 46%; padding-top: 0; float: left;display: block;margin:3% 2%;}
.footer_con .footer_top .footer_add .add h3{font-size: 14px; text-align: left; margin-bottom: 10px}
.footer_con .footer_top .footer_add .add h3 i{padding-right: 10px; font-size: 16px;}
.footer_con .footer_top .footer_add .add p{font-size: 14px; color: #fff; line-height: 26px}

.csfzAll{ display:none !important;}

.right_fix.add_right{right: 0; display:none;}

.bar{ display:inherit !important;}
}


.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../img/zxicon.png);}
.quote{background-image:url(../img/kficon.png);}
.qrcord{background-image:url(../img/erweima.png);}
.return{background-image:url(../img/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../img/erweima.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}



/*----right_fix----*/
.right_fix{position: fixed; bottom: 28%; right: -120px; transition: all ease .6s; -webkit-transition: all ease .6s; z-index: 999999999999999999999;}
.right_fix .li{position: relative; width: 60px; height: 60px; text-align: center; line-height: 60px; border: 1px solid #f0f0f0; box-sizing: border-box; background: #fff; cursor: pointer; transition: all ease .3s; -webkit-transition: all ease .3s;}
.right_fix .li i{font-size: 22px; color: #26324a; transition: all ease .3s; -webkit-transition: all ease .3s;}
.right_fix .li.top i{font-size: 28px;}
.right_fix .li.tel i{font-size: 26px;}

.right_fix .li .fa-q{width: 60px; height: 60px; background: url(../img/kefu1.png) left center no-repeat; display: block;overflow: hidden;}
.right_fix .li .fa-q:hover{background: url(../img/kefu1.png) right center no-repeat ;}

.right_fix .li .fa-wx{width: 60px; height: 60px; background: url(../img/kefu2.png) left center no-repeat; display: block;overflow: hidden;}
.right_fix .li .fa-wx:hover{background: url(../img/kefu2.png) right center no-repeat;}

.right_fix .li.cd{background: #0080ff;}
.right_fix .li .fa-cd{width: 60px; height: 60px; background:url(../img/kefu3.png) right center no-repeat; display: block;overflow: hidden;}

.right_fix .li .fa-tel{width: 60px; height: 60px; background: url(../img/kefu5.png) left center no-repeat; display: block;overflow: hidden;}
.right_fix .li .fa-tel:hover{background: url(../img/kefu5.png) right center no-repeat;}

.right_fix .li .img{width: 120px; height: 120px; position: absolute; top: 0; left: 0; margin: 20px 0 0 -130px; background: #fcfcfc; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all ease .3s .1s; -webkit-transition: all ease .3s .1s;}
.right_fix .li .img img{width: 100%; display: block; float: none; margin: 0 auto 5px auto;}

.right_fix .li .tel{width: 190px; height: 60px; position: absolute; top: 0; left: 0; margin: 0 0 0 -150px; background: #fff; box-shadow: 0 0 10px 3px rgba(0,0,0,.2); visibility: hidden; opacity: 0; transition: all ease .3s; -webkit-transition: all ease .3s;}
.right_fix .li .tel h3{font-size: 18px; color: #26324a; line-height: 60px; padding-left: 40px; font-family: 'novecentowide-book'; background: url(../img/kefu5.png) left center no-repeat; display: block;overflow: hidden;}
.right_fix .li .tel a{font-size: 14px; line-height: 46px; border-top: 1px solid #e0e0e0; background: #fff; width: 100%; display: block;overflow: hidden; color: #333;}
.right_fix .li .tel a:hover{background: #0080ff; color: #fff;}

.right_fix .li:hover{background: #0080ff;}
.right_fix .li:hover i{color: #fff;}
.right_fix .li:hover .img{visibility: visible; opacity: 1; margin: 0 0 0 -130px;}
.right_fix .li:hover .tel{margin: 0 0 0 -200px; visibility: visible; opacity: 1;}

.right_fix.add_right{right: 0;}



.changefieldandcss  {
    background: #0a6cad;
    color: #fff !important;
}
.khcase_r_txt ul {padding-left:0px;}

.all3_nav ul li { width:auto;}

.all3_nav ul li a { padding:0px 20px;}